<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	
	<title>PhimHQ.net Slider</title>
	
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
	<script src="https://sites.google.com/site/phimhqslider/slides.min.jquery.js"></script>
	<script>
		$(function(){
			$('#slides').slides({
				preload: true,
				preloadImage: 'https://sites.google.com/site/phimhqslider/loading.gif',
				play: 3000,
				pause: 2000,
				hoverPause: false,
				animationStart: function(current){
					$('.caption').animate({
						bottom:-35
					},100);
					if (window.console && console.log) {
						// example return of current slide number
						console.log('animationStart on slide: ', current);
					};
				},
				animationComplete: function(current){
					$('.caption').animate({
						bottom:0
					},200);
					if (window.console && console.log) {
						// example return of current slide number
						console.log('animationComplete on slide: ', current);
					};
				},
				slidesLoaded: function() {
					$('.caption').animate({
						bottom:0
					},200);
				}
			});
		});
	</script>
	<link rel="stylesheet" href="https://sites.google.com/site/phimhqslider/style.css">
</head>
<body>
	<div id="container">
		<div id="example">
			<div id="slides">
				<div class="slides_container">
					
					<div class="slide">
						<a href="http://phimhq.net/truyen-thuyet-tieu-ho-ly_247.html" title="Truyền thuyết Tiểu Hồ Ly - Gumiho: Tale of the Fox Child" target="_blank"><img src="http://1.bp.blogspot.com/-GIuP0aZU8zY/T3rWhKN7sLI/AAAAAAAAAiY/Z8FOHVaw7BE/s1600/FoxChild.PNG" alt="Truyền thuyết Tiểu Hồ Ly - Gumiho: Tale of the Fox Child"></a>
						<div class="caption">
							<p>Truyền thuyết Tiểu Hồ Ly - Gumiho: Tale of the Fox Child (2010)</p>
						</div>
					</div>
					
					<div class="slide">
						<a href="http://phimhq.net/tinh-huynh-de_1991.html" title="Taegukgi Hwinalrimyeo" target="_blank"><img src="http://1.bp.blogspot.com/-2gU7pi8FgpA/T3rQwqZiQBI/AAAAAAAAAiI/HG7F7OJ_4nA/s1600/tea.png" alt="Taegukgi Hwinalrimyeo"></a>
						<div class="caption" style="bottom:0">
							<p>Tình huynh đệ - Taegukgi Hwinalrimyeo (2004)</p>
						</div>
					</div>
					
					<div class="slide">
						<a href="http://phimhq.net/co-nang-ngo-ngao-3_1990.html" title="Venus and Mars" target="_blank"><img src="http://3.bp.blogspot.com/-D3VjryYd748/T3rR1Zwt1qI/AAAAAAAAAiQ/x4NybQae0Qg/s1600/venus.PNG" alt="Venus and Mars"></a>
						<div class="caption">
							<p>Cô nàng ngổ ngáo 3 - Venus and Mars (2007)</p>
						</div>
					</div>
					
					<div class="slide">
						<a href="http://phimhq.net/tro-choi-ma-quai_1994.html" title="The Devil's Game" target="_blank"><img src="http://4.bp.blogspot.com/-gbrDUZ3DmgU/T3rWiFzTGjI/AAAAAAAAAig/noJV7Ti1Hrg/s1600/devil-game.png" alt="The Devil's Game"></a>
						<div class="caption">
							<p>Trò chơi ma quái - The Devil's Game (2008)</p>
						</div>
					</div>

				</div>
			</div>
		</div>
	</div>
</body>
</html>